var pw=new pageSwitch('pages',{
          duration:600,               //int 页面过渡时间
          direction:1,                //int 页面切换方向，0横向，1纵向
          start:0,                    //int 默认显示页面
          loop:false,                 //bool 是否循环切换
          ease:'ease',                //string|function 过渡曲线动画，详见下方说明
          transition:'scroll',         //string|function转场方式，详见下方说明
          freeze:false,               //bool 是否冻结页面
          mouse:true,                 //bool 是否启用鼠标拖拽
          mousewheel:true,            //bool 是否启用鼠标滚轮切换
          arrowkey:true,              //bool 是否启用键盘方向切换
          autoplay:false              //bool 是否自动播放幻灯 新增
      });
	  function SelectPage(n)
	  {
		pw.slide(n);
	  }
	  //回调
	 pw.on('before',function(cpage, cp, tpage, tp){		
			
		 $("#menu-ul li").removeClass("current");
		 $("#menu-ul li:eq("+cp+")").addClass("current");	
		 
		 var cur=$("#menu-ul li.current a");
		 leftX = cur.position().left;
		 newWidth = cur.parent().width();
		
		 var $block = $('.block');
		 $block.stop().animate({
			left: leftX,
			width: newWidth
		},300);
		//重新修改
		$block.data('rightLeft',leftX);
		$block.data('rightWidth',newWidth); 
		 	 
		 });
	 //点击
	 $("#menu-ul li").on("click",function(){
		 $("#menu-ul li").removeClass("current");
		 $(this).addClass("current");
		 });
	  //导航动画
	$(function() {
	var $t, leftX, newWidth;
	$('.menu ul').append('<div class="block"></div>');
	var $block = $('.block');
	$block.width($(".current").width()).css('left', $('.current a').position().left).data('rightLeft', $block.position().left).data('rightWidth', $block.width());

	$('.menu ul li').find('a').hover(function() {
		$t = $(this);
		leftX = $t.position().left;
		newWidth = $t.parent().width();

		$block.stop().animate({
			left: leftX,
			width: newWidth
		},300);
	}, function() {
		$block.stop().animate({
			left: $block.data('rightLeft'),
			width: $block.data('rightWidth')
		},300)
	});
	$('.menu ul li').find('a').click(function(){
		$t = $(this);
		leftX = $t.position().left;
		newWidth = $t.parent().width();
		var $block = $('.block');
		$block.data('rightLeft',leftX).data('rightWidth',newWidth);
		});
	// $($('.menu ul li.current'))[0].setAttribute('id','firstLi');
	// var getClass = $($('.menu ul li.current'))[0].getAttribute('class','current');
	// console.log(getClass)
});

$(".up").on("click",function(){
pw.prev();
});

$('.down').on('click',function(){
pw.next();
});


var pwbanner=new pageSwitch('banner',{
          duration:600,               //int 页面过渡时间
          direction:0,                //int 页面切换方向，0横向，1纵向
          start:0,                    //int 默认显示页面
          loop:true,                 //bool 是否循环切换
          ease:'ease',                //string|function 过渡曲线动画，详见下方说明
          transition:'scroll',         //string|function转场方式，详见下方说明
          freeze:false,               //bool 是否冻结页面
          mouse:true,                 //bool 是否启用鼠标拖拽
          mousewheel:true,            //bool 是否启用鼠标滚轮切换
          arrowkey:true,              //bool 是否启用键盘方向切换
          autoplay:false              //bool 是否自动播放幻灯 新增
      });
pwbanner.play();

function SelectBannerPage(n)
	  {
		pwbanner.slide(n);
	  }

 pwbanner.on('before',function(cpage, cp, tpage, tp){
	 $("#banner-nav a").removeClass("active");
	 $("#banner-nav a:eq("+cp+")").addClass("active");
	 	});
//点击
	 $("#banner-nav a").on("hover",function(){
		 $("#banner-nav a").removeClass("active");
		 $(this).addClass("active");
		 });
//支付渠道
$(function () {
	$("#alipay").hover(
		function () {
			$(this).stop().animate({top:-150},400);
		 },
		 function () {
			$(this).stop().animate({top:0},400);
		 }
	)
	$("#wxpay").hover(
		function () {
			$(this).stop().animate({top:-150},400);
		 },
		 function () {
			$(this).stop().animate({top:0},400);
		 }
	)
	$("#ylpay").hover(
		function () {
			$(this).stop().animate({top:-150},400);
		 },
		 function () {
			$(this).stop().animate({top:0},400);
		 }
	)
	$("#qqpay").hover(
		function () {
			$(this).stop().animate({top:-150},400);
		 },
		 function () {
			$(this).stop().animate({top:0},400);
		 }
	)
	$("#jdpay").hover(
		function () {
			$(this).stop().animate({top:-150},400);
		 },
		 function () {
			$(this).stop().animate({top:0},400);
		 }
	)
	$("#baidupay").hover(
		function () {
			$(this).stop().animate({top:-150},400);
		 },
		 function () {
			$(this).stop().animate({top:0},400);
		 }
	)
	$("#tencenpay").hover(
		function () {
			$(this).stop().animate({top:-150},400);
		 },
		 function () {
			$(this).stop().animate({top:0},400);
		 }
	)
	
})


